// 背景图
@mixin bg-image($url){
    background-image: url($url + '@2x.png');
    @media (-webkit-min-device-pixel-ratio: 3),
    (min-device-pixel-ratio: 3){
        background-image: url($url + "@3x.png");;
    }
}
// 禁止拆行
@mixin no-wrap() {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

// 扩展小图标按钮的点击区域
@mixin extend-click(){
    position: relative;
    &::before{
        content: '';
        position: relative;
        top: -10px;
        left: -10px;
        right: -10px;
        bottom: -10px;
    }
}